.container {
  color: #fff;
  background-color: #000;
}
.container ul {
  list-style: none;
}
.container .header {
  position: relative;
  display: flex;
  width: 100vw;
  height: 1.6rem;
  background-color: #1d1d1f;
  align-items: center;
}
.container .header .return {
  position: absolute;
  top: 0.875rem;
  left: 0.375rem;
  font-size: 0.275rem;
}
.container .header .search {
  position: absolute;
  display: flex;
  right: 0.375rem;
  bottom: 0.25rem;
  color: #999;
  font-size: 0.275rem;
  align-items: center;
}
.container .header .search input::-webkit-input-placeholder {
  color: #999;
}
.container .header .search span {
  position: absolute;
  padding-left: 0.25rem;
  font-size: 0.275rem;
}
.container .header .search input {
  width: 7.85rem;
  height: 0.65rem;
  outline: none;
  border: 0;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
}
.container .main {
  position: relative;
  height: 100vh;
  margin: 0.625rem 0.375rem;
}
.container .main ul {
  padding: 0;
}
.container .main ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.375rem;
}
.container .main .main-l {
  width: 4.225rem;
  height: 2.2rem;
}
.container .main .main-l img {
  width: 100%;
  height: 100%;
  border-radius: 0.125rem;
}
.container .main .main-r {
  padding-right: 0.75rem;
}
.container .main .main-r .title {
  font-size: 0.35rem;
  font-weight: 550;
}
.container .main .main-r p,
.container .main .main-r .campus {
  margin-top: 0;
  margin-bottom: 0.1rem;
  font-size: 0.2875rem;
}
.container .main .main-r .zero-basis {
  opacity: 0.5;
}
.container .main .main-r .campus {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .main .main-r .campus .appointment {
  position: relative;
  padding: 0.0625rem 0.25rem;
  text-align: center;
  border-radius: 0.375rem;
  color: #000;
  margin-left: 0.625rem;
  background-color: #fff52e;
}
